@import './_variable.scss';
.ml-main {
	width: 100%;
	min-height: 100vh;
	margin: 0 auto;
	background: #F82D2B;
	position: absolute;
	*zoom: 1;
	z-index: 1;
	left: center;
	top: 0;
	overflow: scroll;
}
.ml-main .keTitle {
	width: 45%;
	height: auto;
	margin: 0 auto;
}
.ml-main .img_2_1 {
	width: 60vw;
	position: absolute;
	top: 6vw;
	left: 22vw;
	animation-delay: 0.25s;
	animation-duration: 1s;
	z-index: 2;
}

.ml-main .keTitle .title {
	width: 100%;
	height: auto;
	margin: 15% auto;
}

.ml-main .keTitle .xian {
	width: 100%;
	height: auto;
}

.ml-main .kePublic {
	width: 80%;
	height: auto;
	position: absolute;
	top: 69vw;
	left: 10%;
	z-index: 999;
}
.bottom_shadow{
	width: 50vw;
	position: absolute;
	top: 139vw;
	left: 25vw;
	z-index: 1;
}
.kePublic_back{
	width: 85vw;
	position: absolute;
	top: 72vw;
	left: 6vw;
	z-index: 2;
}
.record_line{
	width: 90vw;
	height: 8vw;
	position: absolute;
	top: 152vw;
	left: 5vw;
	line-height: 8vw;
	font-size: 3vw;
	color: #EECFCF;
	text-align: center;
	background: rgba(0,0,0,0.3);
	border-radius: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	z-index: 2;
}
.record_line div{
	overflow: hidden;
}
#gift_coupon{
	color: #F3D008;
}

.rule_title{
	width: 40vw;
	position: absolute;
	top: 165vw;
	left: 30vw;
	z-index: 2;
}
.rule_text{
	width: 90vw;
	position: absolute;
	top: 173vw;
	left: 5vw;
	font-size: 3.5vw;
	line-height: 6vw;
	color: #FEEEEE;
	margin-bottom: 5vw;
	z-index: 2;
}

.banner {
	display: block;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}

.banner .turnplate {
	display: block;
	width: 100%;
	position: relative;
}

.banner .turnplate canvas.item {
	width: 100%;
}

.banner .turnplate #tupBtn {
	position: absolute;
	width: 27.5%;
	height: 33.5%;
	left: 36%;
	top: 30.5%;
	border: 0;
	background: none;
}

.banner .turnplate img {
	width: 100%;
	height: auto;
}
